.za-message {
  display: flex;
  position: relative;
  padding: var(--message-padding-v-md) var(--message-padding-h-md);
  min-height: var(--message-min-height-md);
  font-size: var(--message-font-size-md);
  color: var(--theme-default);
  background-color: hsla(var(--theme-default-h), var(--theme-default-s), var(--theme-default-l), 0.1);
}
.za-message__header {
  display: flex;
  align-items: center;
  line-height: 1;
}

.za-message__icon {
  margin-right: 4px;
}
.za-message__icon .za-icon {
  font-size: var(--message-icon-size-md);
}

.za-message__body {
  flex: 1;
  display: flex;
  align-items: center;
}

.za-message__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: right;
  padding-left: 10px;
}
.za-message__footer .za-icon {
  font-size: var(--message-icon-size-md);
  cursor: pointer;
}

.za-message--link {
  cursor: pointer;
}

.za-message--primary {
  color: var(--theme-primary);
  background-color: hsla(var(--theme-primary-h), var(--theme-primary-s), var(--theme-primary-l), 0.1);
}

.za-message--success {
  color: var(--theme-success);
  background-color: hsla(var(--theme-success-h), var(--theme-success-s), var(--theme-success-l), 0.1);
}

.za-message--warning {
  color: var(--theme-warning);
  background-color: hsla(var(--theme-warning-h), var(--theme-warning-s), var(--theme-warning-l), 0.1);
}

.za-message--danger {
  color: var(--theme-danger);
  background-color: hsla(var(--theme-danger-h), var(--theme-danger-s), var(--theme-danger-l), 0.1);
}

.za-message--lg {
  min-height: var(--message-min-height-lg);
  font-size: var(--message-font-size-lg);
  padding: var(--message-padding-v-lg) var(--message-padding-h-lg);
}
.za-message--lg .za-message__icon {
  margin-right: 6px;
}
.za-message--lg .za-message__icon .za-icon {
  font-size: var(--message-icon-size-lg);
}

.za-message--lg .za-message__body {
  font-size: var(--message-font-size-lg);
}

.za-message--lg .za-message__footer .za-icon {
  font-size: var(--message-icon-size-lg);
}
